<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>移动端 VS PC端</title>
    <!-- 移动端 VS PC端 -->
</head>
<body>
    <!-- 
        模拟器上显示分辨率
        css像素：设备的独立像素
        物理分辨率：设备像素

        2倍，3倍关系？？
        
        设备像素比（dpr）=物理像素/CSS像素

        iphone6 1css像素=2物理像素
        s5 1css像素===3物理像素

        iphone3gs   320*480
        iPhone      640*960

        -----------------------------------------------

        设计稿：
        1.css像素 375？ 物理像素？750  （为了清晰的页面）
        2.1份（提供）， 多份？
          
          （1）百分比
          （2）弹性盒布局
          （3）rem布局

          meta viewport？？
     -->
</body>
</html>